<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jsx中使用className来设置样式</title>
	<style>
		.box{
			border:1px solid #CCC;
			background: lightblue;
			padding:10px;
		}
	</style>
</head>

<body>

<div id="container"></div>
	
</body>
<script src="./libs/16.2.0/react.js"></script>
<script src="./libs/16.2.0/react-dom.js"></script>
<script src="./libs/16.2.0/babel.js"></script>
<script type="text/babel">
	ReactDOM.render(
		<div className="box">
			这是一段文本
		</div>,
		document.querySelector('#container')
	);
</script>
</html>